﻿<%@ page language="C#" autoeventwireup="true" inherits="EWM_demo, App_Web_rtxh5wah" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" /> 
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable" /> 
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" />
<link type="text/css" rel="stylesheet" href="css/index.css" />
<title>全民体验第二波</title>
</head>
<body>
<form id="form1" runat="server">
<div class="header">
    <h1>全民体验</h1>
</div>
<div class="header1">
<p>遗憾于未抢到雙妹首轮3+2+1明星产品试用组？4月19日-5月4日期间，通过雙妹官方微信申请，在下方选择您所希望领取试用组的店铺，就可以在5月4日前（含5月4日）到该店铺领取您的试用组！现在注册成为雙妹名媛荟会员或老会员绑定，都将获赠200积分！</p>
</div>

    <div class="regcon" style="padding-top:5px;">
      <%-- <p class="zhuangup">Tips：想要搜索离您最近的佰草集汉方SPA门店，在下面选择您所在的城市。</p>--%>
        
       <div class="regconli"><asp:DropDownList ID="ddlcity"  class="dropdown-select" 
               runat="server" AutoPostBack="True" 
                onselectedindexchanged="ddlcity_SelectedIndexChanged" >
           <asp:ListItem Value="-1">请选择城市</asp:ListItem>
             <asp:ListItem Value="上海">上海</asp:ListItem>
           <asp:ListItem Value="北京">北京</asp:ListItem>
           <asp:ListItem Value="成都">成都</asp:ListItem>      
        </asp:DropDownList></div>
       <div class="regconli" Style="display: none;">
           <asp:DropDownList ID="ddlmd"  runat="server"   class="dropdown-select" 
               AutoPostBack="True">
               <asp:ListItem>请选择门店</asp:ListItem>
           </asp:DropDownList>
       </div>
       
      
       <%--<div class="btn">门店搜索</div>--%>
    </div>

  <%--    <div class="zhuangulist" runat="server" style="margin:-10 auto" id="se">
        
     </div>--%>
     <style type="text/css">
    html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  <!--百度地图容器-->
  <%--<div style="width:320px;height:200px; margin:0 auto;" id="dituContent"></div>--%>

<script type="text/javascript" >
    //创建和初始化地图函数：
    function initMap() {
        createMap(); //创建地图
        setMapEvent(); //设置地图事件
        addMapControl(); //向地图添加控件
        addMarker(); //向地图中添加marker
    }

    //创建地图函数：


    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
        map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard(); //启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_ZOOM });
        map.addControl(ctrl_nav);
    }

    //标注点数组

    //创建marker
    function addMarker() {
        for (var i = 0; i < markerArr.length; i++) {
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0, p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point, { icon: iconImg });
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor: "#808080",
                color: "#333",
                cursor: "pointer"
            });

            (function () {
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click", function () {
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open", function () {
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close", function () {
                    _marker.getLabel().show();
                })
                label.addEventListener("click", function () {
                    _marker.openInfoWindow(_iw);
                })
                if (!!json.isOpen) {
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i) {
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json) {
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
        return icon;
    }

    initMap(); //创建和初始化地图
</script>


<div class="zhuangulist"  runat="server" id="se">
 <%-- <ul>
     <li><bdo>根据您搜索的关键词共找到1您附近的门店地址</bdo></li>
      <li>
       <h2>和平饭店店</h2>
       <p>黄浦区南京东路20号北楼</p>
       <p><span><a href="#">查看地图</a></span><strong><a href="Tel:021-88888888">33663536</a></strong></p>
      </li>
   </ul>
    <br />--%>

</div>
     
      <div class="content" id="ddd">
      <ul runat="server" id="ul" > 

  </ul>
   <input type="hidden" runat="server" id="mdname" />
    <input type="hidden" runat="server" id="key" />
          <asp:Button ID="Button1" runat="server" Text="Button"  Style="display: none;"   OnClick="Button1_Click" />
</div>

</form>

</body>
</html>
<script type="text/javascript" src="js/toggle.js"></script>
<script type="text/javascript">
    window.onload = function () { toggle("ddd") }

    function dj(name, va) {
        document.getElementById("mdname").value = name;
        document.getElementById("key").value = va;

                document.getElementById("Button1").click();
//        window.location = "new.aspx?MdName="+mdname+"&Value="+value+"&City="+city+"&FromUserName="+fromusername;
        return true;
    }
</script>

